
body{
    background: black;
    background-image: url(/themes/simpleboot3/public/assets/images/dianjing/bgpic.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
body:before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("/themes/simpleboot3/public/assets/images/dianjing/bgpic.jpg") center 0 no-repeat;
    background-size: cover;
}
#body{
    background:rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
.hidden{
    display: none;
}
.login{
    padding: 0 50px 0 50px;
}
.logo img{
    margin:  30px auto;
}
.phone,
.password{
    height: 44px;
    width: 100%;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    position: relative;
}
.password{
    margin-bottom: 0px;
}
.phone span:first-child,
.password span:first-child{
    position: absolute;
    height: 20px;
    width: 20px;
    margin-top: 12px;
}
.phone span:first-child img{
    height: 20px;
    margin-left: 7.5px;
}
.password span:first-child img{
    height: 20px;
    margin-left: 5px;
}
.phone span input,
.password span input{
    height: 20px;
    width: 100%;
    margin-top: 12px;
    background: none;
    padding-left: 35px;
    font-size: 16px;
    color: #fff;
}
.phone span input{
    margin-top: 11px;
}

.password span:last-child{
    position: absolute;
    right: 0;
    top: 0px;
    height: 30px;
    width: 30px;
}
.password span:last-child img{
    width: 20px;
    display: block;
    margin: 17px auto;
}
.flag{
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #e8e000;
    font-size: 14px;
    margin-bottom: 10px;
}
.pass{
    width: 100%;
    height: 44px;
    background: #e8e000;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #333;
    border-radius: 22px;
}
.pass1{
    width: 100%;
    height: 44px;
    background: #e8e000;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #333;
    border-radius: 22px;
}
.forget{
    margin-top: 70px;
    padding-bottom: 358px;
    line-height: 20px;
    width: 100%;
    text-align: center;
}
.forget span{
    display: inline-block;
    margin: 0 auto;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}
.forget span:nth-child(2){
    width: 1px;
    background: #fff;
    height: 20px;
    margin: 0 20px -3px 20px;
}
.footer{
    height: 49px;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #1a1a1a;
    border-top: 1px solid #333;
}
.footer ul{
    width: 100%;
}
.footer ul li{
    float: left;
    width: 25%;
    height: 49px;
}
.footer ul li>span{
    display: block;
    margin: 0 auto;
    height: 49px;
    width: 30px;
}
.footer ul li>span>span{
    display: block;
    height: 25px;
    width: 25px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
.footer ul li:first-child>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/zx.png");
}
.footer ul li:nth-child(2)>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/sj.png");
}
.footer ul li:nth-child(3)>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/jc.png");
}
.footer ul li:nth-child(4)>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/gr.png");
}
.footer ul li.cur:first-child>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/zx@.png");
}
.footer ul li.cur:nth-child(2)>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/sj@.png");
}
.footer ul li.cur:nth-child(3)>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/jc@.png");
}
.footer ul li.cur:nth-child(4)>span>span{
    background-image:url("/themes/simpleboot3/public/assets/images/dianjing/gr@.png");
}
.footer ul li>span>p{
    font-size: 12px;
    color: #999;
    line-height: 25px;
    text-align: center;
}
.footer ul li.cur>span>p{
    color: #e0e000;
}